<!DOCTYPE html>
<html class="x-admin-sm">

    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="css/font.css">
        <link rel="stylesheet" href="css/xadmin.css">
        <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
        <script type="text/javascript" src="lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/xadmin.js"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row">
                <form class="layui-form">
                  <input type="text" hidden id="haoyouId">
                  <div class="layui-form-item">

                      <label for="userName" class="layui-form-label">
                          <span class="x-red">* </span>用户名
                      </label>
                      <div class="layui-input-inline">
                          <input type="text" id="userName" name="userName" readonly class="layui-input">
                      </div>
                  </div>
                  <div class="layui-form-item">
                      <label for="phone" class="layui-form-label">
                          <span class="x-red">* </span>手机号码
                      </label>
                      <div class="layui-input-inline">
                          <input type="tel" id="phone" name="phone" required class="layui-input" lay-verify="phone">
                      </div>
                  </div>
                  <div class="layui-form-item">
                      <label for="remarks" class="layui-form-label">
                          <span class="x-red">* </span>备注
                      </label>
                      <div class="layui-input-inline">
                          <input type="text" id="tag" name="tag" required class="layui-input">
                      </div>
                  </div>
                  <div class="layui-form-item">
                      <label for="remarks" class="layui-form-label">
                          <span class="x-red">* </span>职位
                      </label>
                      <div class="layui-input-inline">
                          <input type="text" id="position" name="position" required class="layui-input">
                      </div>
                  </div>
                    <div class="layui-form-item">
                        <button  class="layui-btn layui-btn-lg" lay-submit lay-filter="change_msg" id="btn_edit_msg"> 保存 </button>
                    </div>
              </form>
            </div>
        </div>
        <script>
            $(function  () {
                layui.use('form', function(){
                    var form = layui.form;
                    form.on('submit(change_msg)', function(data){
                        layer.confirm('是否要修改个人资料?', {icon: 3, title:'警告'}, function(index) {
                            var val = {
                                "userId": sessionStorage.getItem("userId"),
                                "position": $('#position').val(),
                                "username": $('#userName').val(),
                                "phone": $('#phone').val(),
                                "tag": $('#tag').val()
                            };
                                $.ajax({
                                    url: "/user/updateInfo",
                                    dateType: "json",
                                    contentType : "application/json",
                                    type: "post",
                                    data: JSON.stringify(val),
                                    success: function (res) {
                                        res = JSON.parse(res);
                                        if(res.msg == 'success') {
                                            layer.msg("修改成功！ 页面即将关闭！ ");
                                            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                                            console.log(index);
                                            setTimeout(
                                                function(){
                                                    parent.layer.close(index);//关闭弹出的子页面窗口*!/
                                                },1000)
                                        } else {
                                            layer.msg('修改失败');
                                        }
                                    }
                                })
                            layer.close(index);
                        });
                        return false;
                    });
                });
            })
        </script>
        <script>
          $.ajax({
            url: '/user/getInfo',
            dateType: "json",
            contentType : "application/json",
              cache : true,
            type: "POST",
            success: function(res) {
                //res = JSON.parse(res);
                $('#position').val(res.position),
                $('#userName').val(res.username),
                $('#phone').val(res.phone),
                $('#tag').val(res.tag)
             }
          })

/*          $('#btn_edit_mymsg').on('click', function () {
              var flag = 0;
            layer.confirm('是否要修改个人资料?', {icon: 3, title:'警告'}, function(index){
                  var val = {
                    "id": sessionStorage.getItem("userId"),
                    "position": $('#position').val(),
                    "userName": $('#userName').val(),
                    "phone": $('#phone').val(),
                    "tag": $('#tag').val()
                  };
                  $.ajax({
                      url: "/User/changeInfo",
                      dateType: "json",
                      contentType : "application/json",
                      type: "post",
                      data: JSON.stringify(val),
                      success: function(res) {

                        } else {
                            alter('修改失败');
                        }
                      }
                  })
                    //layer.close(index);
              //});
         /!*       if(flag == 1) {
                    var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                    console.log(index);
                    parent.layer.close(index);//关闭弹出的子页面窗口
                }*!/
          })*/
        </script>
    </body>

</html>
